<template>
  <view class="styleLifeServices">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <image class="image1" src="../../static/image/navigationList1.png" mode="" />
    <view class="tabList">
      <view class="tabItem" v-for="(v, i) in navigationArr" :key="i" @click="gotoWebview(v.goUrl)">
        <image class="image" :src="v.imageUrl" mode="" />
        <view class="text1">{{ v.name }}</view>
      </view>
    </view>
    <view class="text2">技术支持：艾溪湖管理处</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      navigationArr: [
        {
          imageUrl: '../../static/image/navigationList2.jpg',
          name: '南昌高新区管委会',
          goUrl: 'https://map.baidu.com/search/%E5%8D%97%E6%98%8C%E9%AB%98%E6%96%B0%E5%8C%BA%E7%AE%A1%E5%A7%94%E4%BC%9A/@12913251.215,3316170.165,19z?querytype=s&da_src=shareurl&wd=%E5%8D%97%E6%98%8C%E9%AB%98%E6%96%B0%E5%8C%BA%E7%AE%A1%E5%A7%94%E4%BC%9A&c=163&src=0&pn=0&sug=0&l=15&b=(12903108,3314925;12918468,3322421)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList3.jpg',
          name: '高新区行政服务中心',
          goUrl: 'https://map.baidu.com/search/%E5%8D%97%E6%98%8C%E9%AB%98%E6%96%B0%E5%8C%BA%E7%AE%A1%E5%A7%94%E4%BC%9A/@12913251.215,3316170.165,19z?querytype=s&da_src=shareurl&wd=%E5%8D%97%E6%98%8C%E9%AB%98%E6%96%B0%E5%8C%BA%E7%AE%A1%E5%A7%94%E4%BC%9A&c=163&src=0&pn=0&sug=0&l=19&b=(12912771.215,3315935.915;12913731.215,3316404.415)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList4.jpg',
          name: '艾溪湖管理处',
          goUrl: 'https://map.baidu.com/search/%E8%89%BE%E6%BA%AA%E6%B9%96%E7%AE%A1%E7%90%86%E5%A4%84/@12910806.512313375,3315170.7549027503,15.93z?querytype=s&da_src=shareurl&wd=%E8%89%BE%E6%BA%AA%E6%B9%96%E7%AE%A1%E7%90%86%E5%A4%84&c=163&src=0&pn=0&sug=0&l=19&b=(12912771.215,3315935.915;12913731.215,3316404.415)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList5.jpg',
          name: '高新投资集团',
          goUrl: 'https://map.baidu.com/search/%E9%AB%98%E6%96%B0%E6%8A%95%E8%B5%84%E9%9B%86%E5%9B%A2/@12909624.055,3316441.65,19z?querytype=s&da_src=shareurl&wd=%E9%AB%98%E6%96%B0%E6%8A%95%E8%B5%84%E9%9B%86%E5%9B%A2&c=163&src=0&pn=0&sug=0&l=15&b=(12906772.183774881,3313201.9185274537;12914840.84085187,3317139.591278047)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList6.jpg',
          name: '航空工业洪都',
          goUrl: 'https://map.baidu.com/search/%E8%88%AA%E7%A9%BA%E5%B7%A5%E4%B8%9A%E6%B4%AA%E9%83%BD/@12904776.025,3309001.68,19z?querytype=s&da_src=shareurl&wd=%E8%88%AA%E7%A9%BA%E5%B7%A5%E4%B8%9A%E6%B4%AA%E9%83%BD&c=163&src=0&pn=0&sug=0&l=19&b=(12909144.055,3316207.4;12910104.055,3316675.9)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList7.jpg',
          name: '南昌航空城',
          goUrl: 'https://map.baidu.com/search/%E5%8D%97%E6%98%8C%E8%88%AA%E7%A9%BA%E5%9F%8E/@12926138.767718041,3321616.41,19z?querytype=s&da_src=shareurl&wd=%E5%8D%97%E6%98%8C%E8%88%AA%E7%A9%BA%E5%9F%8E&c=163&src=0&pn=0&sug=0&l=19&b=(12904296.025,3308767.43;12905256.025,3309235.93)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList8.jpg',
          name: '美图书馆',
          goUrl: 'https://map.baidu.com/search/%E7%BE%8E%E5%9B%BE%E4%B9%A6%E9%A6%86/@12926138.767718041,3321616.41,19z?querytype=s&da_src=shareurl&wd=%E7%BE%8E%E5%9B%BE%E4%B9%A6%E9%A6%86&c=163&src=0&pn=0&sug=0&l=19&b=(12925658.767718041,3321382.16;12926618.767718041,3321850.66)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList9.jpg',
          name: '瑶湖书房',
          goUrl: 'https://map.baidu.com/search/%E7%91%B6%E6%B9%96%E4%B9%A6%E6%88%BF/@12920676.818371251,3313921.84540835,19z?querytype=s&da_src=shareurl&wd=%E7%91%B6%E6%B9%96%E4%B9%A6%E6%88%BF&c=163&src=0&pn=0&sug=0&l=12&b=(12860515.888596164,3293281.067514929;12922192.528022686,3323380.552485061)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList10.jpg',
          name: '新城吾悦广场',
          goUrl: 'https://map.baidu.com/search/%E6%96%B0%E5%9F%8E%E5%90%BE%E6%82%A6%E5%B9%BF%E5%9C%BA/@12898624.492967654,3317547.1699999995,14.24z?querytype=s&da_src=shareurl&wd=%E6%96%B0%E5%9F%8E%E5%90%BE%E6%82%A6%E5%B9%BF%E5%9C%BA&c=163&src=0&pn=0&sug=0&l=14&b=(12885618.484969765,3311199.9671385298;12911630.500965543,3323894.372861469)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList11.jpg',
          name: '天虹商场',
          goUrl: 'https://map.baidu.com/search/%E5%A4%A9%E8%99%B9%E5%95%86%E5%9C%BA/@12920003.08,3298335.39,12z?querytype=s&c=163&wd=%E5%A4%A9%E8%99%B9%E5%95%86%E5%9C%BA&da_src=shareurl&on_gel=1&l=12&gr=1&b=(12858563.08,3268351.39;12981443.08,3328319.39)&pn=0&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList12.jpg',
          name: '南昌国家大学科技城',
          goUrl: 'https://map.baidu.com/search/%E5%8D%97%E6%98%8C%E5%9B%BD%E5%AE%B6%E5%A4%A7%E5%AD%A6%E7%A7%91%E6%8A%80%E5%9F%8E/@12920003.08,3298335.39,12z?querytype=s&da_src=shareurl&wd=%E5%8D%97%E6%98%8C%E5%9B%BD%E5%AE%B6%E5%A4%A7%E5%AD%A6%E7%A7%91%E6%8A%80%E5%9F%8E&c=163&src=0&pn=0&sug=0&l=12&b=(12858563.08,3268351.39;12981443.08,3328319.39)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList13.jpg',
          name: '南大科技园',
          goUrl: 'https://map.baidu.com/search/%E5%8D%97%E5%A4%A7%E7%A7%91%E6%8A%80%E5%9B%AD/@12909675.83093134,3316026.56968675,19z?querytype=s&da_src=shareurl&wd=%E5%8D%97%E5%A4%A7%E7%A7%91%E6%8A%80%E5%9B%AD&c=163&src=0&pn=0&sug=0&l=19&b=(12911364.105,3319276.12;12912324.105,3319744.62)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList14.jpg',
          name: '浙大科技园',
          goUrl: 'https://map.baidu.com/search/%E6%B5%99%E5%A4%A7%E7%A7%91%E6%8A%80%E5%9B%AD/@12910828.219999999,3318487.41,19z?querytype=s&da_src=shareurl&wd=%E6%B5%99%E5%A4%A7%E7%A7%91%E6%8A%80%E5%9B%AD&c=163&src=0&pn=0&sug=0&l=19&b=(12909195.83093134,3315792.31968675;12910155.83093134,3316260.81968675)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList15.jpg',
          name: '艾溪湖湿地公园',
          goUrl: 'https://map.baidu.com/search/%E8%89%BE%E6%BA%AA%E6%B9%96%E6%B9%BF%E5%9C%B0%E5%85%AC%E5%9B%AD/@12912768.395,3316298.35,19z?querytype=s&da_src=shareurl&wd=%E8%89%BE%E6%BA%AA%E6%B9%96%E6%B9%BF%E5%9C%B0%E5%85%AC%E5%9B%AD&c=163&src=0&pn=0&sug=0&l=15&b=(12908993.804864215,3314086.0776310684;12918743.247981215,3318844.008985563)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList16.jpg',
          name: '瑶湖森林公园',
          goUrl: 'https://map.baidu.com/search/%E7%91%B6%E6%B9%96%E6%A3%AE%E6%9E%97%E5%85%AC%E5%9B%AD/@12920765.543122362,3314082.46,17.89z?querytype=s&da_src=shareurl&wd=%E7%91%B6%E6%B9%96%E6%A3%AE%E6%9E%97%E5%85%AC%E5%9B%AD&c=163&src=0&pn=0&sug=0&l=19&b=(12912288.395,3316064.1;12913248.395,3316532.6)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList17.jpg',
          name: '南唐湖创新公园',
          goUrl: 'https://map.baidu.com/search/%E5%8D%97%E5%94%90%E6%B9%96%E5%88%9B%E6%96%B0%E5%85%AC%E5%9B%AD/@12915438.013393648,3318600.0649992,16.55z?querytype=s&da_src=shareurl&wd=%E5%8D%97%E5%94%90%E6%B9%96%E5%88%9B%E6%96%B0%E5%85%AC%E5%9B%AD&c=163&src=0&pn=0&sug=0&l=17&b=(12919729.674767932,3313576.934662447;12921801.411476793,3314587.985337553)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList18.jpg',
          name: '鱼尾州公园',
          goUrl: 'https://map.baidu.com/search/%E9%B1%BC%E5%B0%BE%E5%B7%9E%E5%85%AC%E5%9B%AD/@12913107.64998984,3319516.761888,17.48z?querytype=s&da_src=shareurl&wd=%E9%B1%BC%E5%B0%BE%E5%B7%9E%E5%85%AC%E5%9B%AD&c=163&src=0&pn=0&sug=0&l=16&b=(12912807.47539726,3317316.307654088;12918068.551390035,3319883.822344312)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList19.jpg',
          name: '正邦集团',
          goUrl: 'https://map.baidu.com/search/%E6%AD%A3%E9%82%A6%E9%9B%86%E5%9B%A2/@12913645.617090799,3315438.855,19z?querytype=s&da_src=shareurl&wd=%E6%AD%A3%E9%82%A6%E9%9B%86%E5%9B%A2&c=163&src=0&pn=0&sug=0&l=17&b=(12911734.630455159,3318846.699750502;12914480.66952452,3320186.8240254982)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList20.jpg',
          name: '泰豪集团',
          goUrl: 'https://map.baidu.com/search/%E6%B3%B0%E8%B1%AA%E9%9B%86%E5%9B%A2/@12913645.617090799,3315438.855,19z?querytype=s&da_src=shareurl&wd=%E6%B3%B0%E8%B1%AA%E9%9B%86%E5%9B%A2&c=163&src=0&pn=0&sug=0&l=19&b=(12913165.617090799,3315204.605;12914125.617090799,3315673.105)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList21.jpg',
          name: '思创数码',
          goUrl: 'https://map.baidu.com/search/%E6%80%9D%E5%88%9B%E6%95%B0%E7%A0%81/@12897554.486577084,3317594.3949999968,12.68z?querytype=s&da_src=shareurl&wd=%E6%80%9D%E5%88%9B%E6%95%B0%E7%A0%81&c=163&src=0&pn=0&sug=0&l=12&b=(12859081.987652354,3298819.0140143335;12936026.985501815,3336369.77598566)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList22.jpg',
          name: '高创保安',
          goUrl: 'https://map.baidu.com/search/%E9%AB%98%E5%88%9B%E4%BF%9D%E5%AE%89/@12912397.765,3319298.49,19z?querytype=s&da_src=shareurl&wd=%E9%AB%98%E5%88%9B%E4%BF%9D%E5%AE%89&c=163&src=0&pn=0&sug=0&l=19&b=(12909764.935,3316280.38;12910724.935,3316748.88)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList23.jpg',
          name: '江铜集团',
          goUrl: 'https://map.baidu.com/search/%E6%B1%9F%E9%93%9C%E9%9B%86%E5%9B%A2/@12910074.603643967,3316653.2350000003,15.06z?querytype=s&da_src=shareurl&wd=%E6%B1%9F%E9%93%9C%E9%9B%86%E5%9B%A2&c=163&src=0&pn=0&sug=0&l=19&b=(12911917.765,3319064.24;12912877.765,3319532.74)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList24.jpg',
          name: '晶能光LED',
          goUrl: 'https://map.baidu.com/search/%E6%99%B6%E8%83%BD%E5%85%89led/@12912532.054283153,3316425.74,15.16z?querytype=s&da_src=shareurl&wd=%E6%99%B6%E8%83%BD%E5%85%89LED&c=163&src=0&pn=0&sug=0&l=15&b=(12902700.759916369,3313054.645639188;12917448.447371565,3320251.8243608125)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
        {
          imageUrl: '../../static/image/navigationList26.jpg',
          name: '欧菲光',
          goUrl: 'https://map.baidu.com/search/%E6%AC%A7%E8%8F%B2%E5%85%89/@12903783.715555556,3320795.245,13.46z?querytype=s&da_src=shareurl&wd=%E6%AC%A7%E8%8F%B2%E5%85%89&c=163&src=0&pn=0&sug=0&l=15&b=(12905680.062885305,3313081.825448029;12919384.045681002,3319769.6545519712)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1',
        },
      ],
    }
  },
  onLoad() {},
  methods: {
    gotoJump(url) {
      uni.navigateTo({
        url: url,
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.styleLifeServices {
  background: #fff;
  min-height: 100vh;
  padding-bottom: 32rpx;
  .image1 {
    width: 100%;
    height: 343rpx;
  }
  .tabList {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    // padding: 0 8rpx;
    width: 100%;
    margin-bottom: 24rpx;
    .tabItem {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 250rpx;
      border-top: 1px solid #e9e9e9e9;
      padding: 24rpx 0;
      &:nth-child(3n-1) {
        border-left: 1px solid #e9e9e9e9;
        border-top: 1px solid #e9e9e9e9;
        border-right: 1px solid #e9e9e9e9;
      }
      &:nth-child(1) {
        border-top: none;
      }
      &:nth-child(2) {
        border-top: none;
      }
      &:nth-child(3) {
        border-top: none;
      }
      .image {
        height: 100rpx;
        width: 130rpx;
        margin-bottom: 16rpx;
        border-radius: 90rpx;
      }
      .text1 {
        font-size: 24rpx;
        font-weight: 600;
      }
    }
  }
  .text2 {
    font-size: 24rpx;
    text-align: center;
    color: #999;
  }
}
</style>
